<template>
    <div>
        <h2>用户标题</h2>
        <p>用户内容</p>   
        <h2>{{userId}}</h2>
        <h2>{{$route.params.userId}}</h2>
    </div>
</template>

<script>
export default {
    name: 'User',
    computed: {
        userId(){
            // 传递参数的方式一: params的类型
            // 获取动态路由中携带的参数信息,参数名为路由中定义的参数名
            // $route代表处于活跃状态的路由
            return this.$route.params.userId
        }
    }
}
</script>

<style scoped>

</style>